<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      >
<h:head/>      
<h:body>
    
    <ui:composition template="template/main.xhtml">
		<ui:define name="slider">
		    <ui:include src="template/layout/slider.xhtml" />
		</ui:define>
 
        <ui:define name="searchMain">
            <ui:include src="template/includes/searchMain.xhtml" />
        </ui:define>
            
        <ui:define name="aside">
	        <div class="col-sm-3">
	            <ui:include src="template/layout/aside.xhtml" />
	        </div>
        </ui:define>
        
        <ui:define name="body">
        
            <div class="col-sm-9">
            
	            <div class="panel panel-primary">
	            
					<div class="panel-heading">
					   <h3 class="panel-title text-center">Lo más destacado</h3>
					</div>
					
				</div>
				
			    <div class="row">
		             <h:form>            
			             <h:panelGrid columns="2">
			                <h:commandButton value="Listar Clientes"  action="#{productoController.listarProductosDestacados}" />                         
			              </h:panelGrid>
			          </h:form>
			     

                    <div class="col-sm-6 col-lg-4">
				       <ui:include src="template/includes/listProducts.xhtml" /> 
			        </div>                  

				</div>  
				
		  </div> 
	                           
        </ui:define>
        
    
    </ui:composition>
</h:body>
</html>